<template>
  <div class="nothing">
    <div class="cart">
      <van-icon name="shopping-cart-o" size="150px" color="rgb(255,238,188)" />
    </div>
    <div class="goShopping">
      <span>购物车空空如也</span>
      <span @click="goShopping"
        ><van-button type="warning" size="small">去逛逛</van-button></span
      >
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    goShopping() {
      this.$router.push("/shoplist")
    },
  },
}
</script>

<style lang="less" scoped>
.nothing {
  width: 100%;

  .cart {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(222, 225, 230);
  }

  .goShopping {
    box-sizing: border-box;
    height: 2.5rem /* 40/16 */;
    padding: 0 0.5rem /* 8/16 */;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff;
  }
}
</style>
